$(window).load(function(){
	$(".loading").fadeOut();
});
(function () {
    //事件委托
    $('.monitor').on('click', ' a', function (event) {
        //点击当前的a 加类名 active  他的兄弟删除类名
        $(this).addClass('active').siblings().removeClass('active');
        //获取一一对应的下标 
        var index = $(this).index();
        //选取content 然后狗日对应下标的 显示   当前的兄弟.content隐藏
        $('.content').eq(index).show().siblings('.content').hide();
		event.stopPropagation();
    });
    //滚动
    //原理：把marquee下面的子盒子都复制一遍 加入到marquee中
    //      然后动画向上滚动，滚动到一半重新开始滚动
    //因为选取的是两个marquee  所以要遍历
    // $('.monitor .marquee').each(function (index, dom) {
    //     //将每个 的所有子级都复制一遍
    //     var rows = $(dom).children().clone();
    //     //再将新的到的加入原来的
    //     $(dom).append(rows);
    // });

	

})();



//订单
(function () {
    // var data = {
    //     day365: { orders: '20,301,987', amount: '99834' },
    //     day90: { orders: '301,987', amount: '9834' },
    //     day30: { orders: '1,987', amount: '3834' },
    //     day1: { orders: '987', amount: '834' }
    // }
    // //点击事件
    // $('.order').on('click', '.filter a', function (event) {
    //     //点击之后加类名
    //     $(this).addClass('active').siblings().removeClass('active');
    //     // 先获取点击a的 data-key自定义属性
    //     var key = $(this).attr('data-key');
    //     //获取自定义属性
    //     // data{}==>data.shuxing data['shuxing]
    //     key = data[key];//
    //     $('.order .item h4:eq(0)').text(key.orders);
    //     $('.order .item h4:eq(1)').text(key.amount);
    // });
    // //定时器
    // var index = 0;
    // var aclick = $('.order a');
    // setInterval(function () {
    //     index++;
    //     if (index > 3) {
    //         index = 0;
    //     }
    //     //每san秒调用点击事件
    //     aclick.eq(index).click();
    // }, 3000);
})();



(function () {
     //饼图
      var  option = {
       		    tooltip: {
       		        trigger: 'item',
       		        formatter: '{a} <br/>{b} : {c} ({d}%)'
       		    },
       		    legend: {
       		        orient: 'vertical',
       		        right: '10',
       		        bottom:'40',
       		        textStyle: { //图例文字的样式
       	                color: '#fff',
       	                fontSize: 16
       	            },
       		        data: ["偷盗", '吸毒', '精神疾病']
       		    },
       		    color : [ '#38DC98', '#3F95F6', '#40BAD0'],
       		    series: [
       		        {
       		            name: '访问来源',
       		            type: 'pie',
       		            radius: '70%',//饼图的半径大小
       		            center: ['40%', '55%'],//饼图的位置
       		            label:{//饼图图形上的文本标签
       		            	normal:{
       		            		show:true,
       		            		//position:'inner',//标签的位置
       		            		textStyle:{
       		            			fontWeight:300,
       		            			fontSize:16//文字的字体大小
       		            		},
       		            	}
       		            },
       		            data:
       		            [
       		                {value: 335, name: '偷盗'},
       		                {value: 310, name: '吸毒'},
       		                {value: 234, name: '精神疾病'},
       		            ],
       		            emphasis: {
       		                itemStyle: {
       		                    shadowBlur: 10,
       		                    shadowOffsetX: 0,
       		                    shadowColor: 'rgba(0, 0, 0, 0.5)'
       		                }
       		            },
       		            
       		        }
       		    ]
       	};
		var myechart = echarts.init($('#personStatic')[0]);
		myechart.setOption(option);
})();

(function(){
	 //柱状图
	    var option = {
	        legend: {
	            bottom: 10,
	            textStyle: {
	                color: "#fff"
	            }
	
	        },
	        tooltip: {},
	        dataset: {
	            source: [
	                ['7~12', 20],
	                ['13~17', 80],
	                ['18~45', 70],
					['46~60', 70],
					['60以上', 70]
	            ]
	        },
	        xAxis: {
	            type: 'category',
	            axisLine: { //这是x轴文字颜色
	                lineStyle: {
	                    color: "#fff",
	                }
	            }
	
	        },
	        yAxis: {
	            type: 'value',
	            //设置坐标轴字体颜色和宽度
	            axisLine: { //这是y轴文字颜色
	                lineStyle: {
	                    color: "#fff",
	                }
	            }
	        },
	
	        series: [
	            { type: 'bar' ,barWidth:20},
	            // { type: 'bar' },
	            // { type: 'bar' },
	            // { type: 'bar' }
	        ]
	    };
	var myechart = echarts.init($('#ageStatic')[0]);
	myechart.setOption(option);
})();


$(function(){
	  // 中间背景雨
	    function rainBg() {
	        var c = document.querySelector(".rain");
	        var ctx = c.getContext("2d");//获取canvas上下文
	        var w = c.width = document.querySelector('.total').clientWidth;
	        var h = c.height = document.querySelector('.total').clientHeight;
	        //设置canvas宽、高
	        function random(min, max) {
	            return Math.random() * (max - min) + min;
	        }
	
	        function RainDrop() { }
	        //雨滴对象 这是绘制雨滴动画的关键
	        RainDrop.prototype = {
	            init: function () {
	                this.x = random(0, w);//雨滴的位置x
	                this.y = h;//雨滴的位置y
	                this.color = 'hsl(180, 100%, 50%)';//雨滴颜色 长方形的填充色
	                this.vy = random(4, 5);//雨滴下落速度
	                this.hit = 0;//下落的最大值
	                this.size = 2;//长方形宽度
	            },
	            draw: function () {
	                if (this.y > this.hit) {
	                    var linearGradient = ctx.createLinearGradient(this.x, this.y, this.x, this.y + this.size * 30)
	                    // 设置起始颜色
	                    linearGradient.addColorStop(0, '#00ffff')
	                    // 设置终止颜色
	                    linearGradient.addColorStop(1, '#101129')
	                    // 设置填充样式
	                    ctx.fillStyle = linearGradient
	                    ctx.fillRect(this.x, this.y, this.size, this.size * 50);//绘制长方形，通过多次叠加长方形，形成雨滴下落效果
	                }
	                this.update();//更新位置
	            },
	            update: function () {
	                if (this.y > this.hit) {
	                    this.y -= this.vy;//未达到底部，增加雨滴y坐标
	                } else {
	                    this.init();
	                }
	            }
	        };
	
	        function resize() {
	            w = c.width =document.querySelector('.total').clientWidth;
	            h = c.height =document.querySelector('.total').clientHeight;
	        }
	
	        //初始化一个雨滴
	
	        var rs = []
	        for (var i = 0; i < 10; i++) {
	            setTimeout(function () {
	                var r = new RainDrop();
	                r.init();
	                rs.push(r);
	            }, i * 300)
	        }
	
	        function anim() {
	            ctx.clearRect(0, 0, w, h);//填充背景色，注意不要用clearRect，否则会清空前面的雨滴，导致不能产生叠加的效果
	            for (var i = 0; i < rs.length; i++) {
	                rs[i].draw();//绘制雨滴
	            }
	            requestAnimationFrame(anim);//控制动画帧
	        }
	
	        window.addEventListener("resize", resize);
	        //启动动画
	        anim()
	
	    }
	    rainBg()
	// 中间虚线
	function dashed() {
	    var canvas = document.querySelector('.dashed')
	    var ctx = canvas.getContext('2d')
	    var w = canvas.width = document.querySelector('.total').clientWidth
	    var h = canvas.height = document.querySelector('.total').clientHeight / 3 * 2
	    ctx.lineWidth = 3
	    ctx.setLineDash([3, 3]);
	    ctx.fillStyle = '#93f8fb'
	    ctx.shadowOffsetX = 0;
	    // 阴影的y偏移
	    ctx.shadowOffsetY = 0;
	    // 阴影颜色
	    ctx.shadowColor = '#93f8fb';
	    // 阴影的模糊半径
	    ctx.shadowBlur = 15;
	    ctx.save()  //缓存初始状态
	    // 绘制第一条曲线
	    ctx.beginPath()
	    var grd = ctx.createLinearGradient(w / 11 * 2, h / 3, w / 5 * 2, h);
	    grd.addColorStop(0, "#54e2e6");
	    grd.addColorStop(1, "#065261");
	    ctx.strokeStyle = grd;
	    ctx.moveTo(w / 5 * 2, h)
	    ctx.quadraticCurveTo(w / 15, h / 6 * 5, w / 25 * 2, h / 3);
	    ctx.stroke();
	    // 绘制第一条曲线上的圆光效果
	    ctx.beginPath()
	    ctx.moveTo(w / 11 * 2, h / 3)
	    ctx.arc(w / 25 * 2, h / 3, 5, 0, Math.PI * 2)
	    ctx.fill()
	    ctx.restore()
	    ctx.save()
	    // 绘制第二条线
	    ctx.beginPath()
	    var grd = ctx.createLinearGradient(w / 11 * 3.3, h / 2, w / 3 * 1.1, h / 6 * 5);
	    grd.addColorStop(0, "#e08d03");
	    grd.addColorStop(1, "#2e6a5c");
	    ctx.strokeStyle = grd;
	    ctx.moveTo(w / 3 * 1.1, h / 6 * 5)
	    ctx.quadraticCurveTo(w / 5 * 1.5, h / 6 * 4.2, w / 11 * 3.3, h / 2);
	    ctx.stroke();
	    // 绘制第二条曲线上的圆光效果
	    ctx.beginPath()
	    ctx.moveTo(w / 11 * 3.3, h / 2)
	    ctx.arc(w / 11 * 3.3, h / 2, 5, 0, Math.PI * 2)
	    ctx.fill()
	    ctx.restore()
	    ctx.save()
	    // 绘制第三条线
	    ctx.beginPath()
	    var grd = ctx.createLinearGradient(w / 3 * 1.4, h / 5, w / 5 * 2, h / 2);
	    grd.addColorStop(0, "#e08d03");
	    grd.addColorStop(1, "#2e6a5c");
	    ctx.strokeStyle = grd;
	    ctx.moveTo(w / 5 * 2, h / 2 )
	    ctx.quadraticCurveTo(w / 3 * 1.2, h / 4 * 1.4, w / 3 * 1.4, h / 5);
	    ctx.stroke();
	    // 绘制第三条曲线上的圆光效果
	    ctx.beginPath()
	    ctx.moveTo(w / 3 * 1.4, h / 5)
	    ctx.arc(w / 3 * 1.4, h / 5, 5, 0, Math.PI * 2)
	    ctx.fill()
	    ctx.restore()
	    ctx.save()
	    // 绘制第四条线
	    ctx.beginPath()
	    var grd = ctx.createLinearGradient(w / 5 * 3.1, h / 3*1.2, w / 5 * 3.2, h / 2 * 1.5);
	    grd.addColorStop(0, "#e08d03");
	    grd.addColorStop(1, "#2e6a5c");
	    ctx.strokeStyle = grd;
	    ctx.moveTo(w / 5 * 3.2, h / 2 * 1.5)
	    ctx.quadraticCurveTo(w / 5 * 3.35, h / 2 * 1.2, w / 5 * 3.1, h / 3*1.2);
	    ctx.stroke();
	    // 绘制第四条曲线上的圆光效果
	    ctx.beginPath()
	    ctx.moveTo( w / 5 * 3.1, h / 3*1.2)
	    ctx.arc( w / 5 * 3.1, h / 3*1.2, 5, 0, Math.PI * 2)
	    ctx.fill()
	    ctx.restore()
	    ctx.save()
	    // 绘制第五条线
	    ctx.beginPath()
	    var grd = ctx.createLinearGradient(w / 5 * 3.3, h / 4, w / 5 * 3.2, h / 2 * 1.9);
	    grd.addColorStop(0, "#e08d03");
	    grd.addColorStop(1, "#2e6a5c");
	    ctx.strokeStyle = grd;
	    ctx.moveTo(w / 5 * 3.03, h / 2 * 1.9)
	    ctx.quadraticCurveTo(w / 4 * 3.8, h / 2 * 1.2, w / 4 * 3.3, h / 4);
	    ctx.stroke();
	    // 绘制第五条曲线上的圆光效果
	    ctx.beginPath()
	    ctx.moveTo(w / 5 * 3.3, h / 4)
	    ctx.arc(w / 4 * 3.3, h / 4, 5, 0, Math.PI * 2)
	    ctx.fill()
	    ctx.restore()
	    ctx.save()
	    // 绘制第六条线
	    ctx.beginPath()
	    var grd = ctx.createLinearGradient(w / 5 * 3.8, h / 2*1.2, w / 5 * 2.9, h);
	    grd.addColorStop(0, "#e08d03");
	    grd.addColorStop(1, "#2e6a5c");
	    ctx.strokeStyle = grd;
	    ctx.moveTo(w / 5 * 2.9, h)
	    ctx.quadraticCurveTo(w / 3.5 * 3.7, h / 2 * 1.6, w / 3.9 * 3.8, h / 2*1.2);
	    ctx.stroke();
	    // 绘制第六条曲线上的圆光效果
	    ctx.beginPath()
	    ctx.moveTo(w / 5 * 3.8, h / 2*1.2)
	    ctx.arc(w / 3.9 * 3.8, h / 2*1.2, 5, 0, Math.PI * 2)
	    ctx.fill()
	}
	dashed()
	setInterval(time,1000);
	    function time(){
	       dt = new Date();
	       var y=dt.getFullYear();
	       var mt=dt.getMonth()+1;
	       var day=dt.getDate();
	       var h=dt.getHours();//获取时
	       var m=dt.getMinutes();//获取分
	       var s=dt.getSeconds();//获取秒
	       mt = mt < 10?"0"+mt:mt;
	       day = day < 10?"0"+day:day;
	       h = h < 10?"0"+h:h;
	       m = m < 10?"0"+m:m;
	       s = s < 10?"0"+s:s;
	       $("#showTime").html(y+"-"+mt+"-"+day+" "+h+":"+m+":"+s);
	    }

		//点击进入后台
	$("#inBack").click(function(){
		top.location=window.location.origin+"/#/sys-setting/area-manage/community-manage";
		//top.location.reload();
	})

	//点击审批消息
	$("#approveMsg").click(function(){
		top.location=window.location.origin+"/#/user-manage/landlor-manage";
	})

	//点击报警消息
	$("#policeMsg").click(function(){
		top.location=window.location.origin+"/#/warning-manage/warning-list";
	})
	//点击设备
	$("#devicePage").click(function(){
		top.location=window.location.origin+"/#/device-manage/device-list";
	})
	//点击开门记录
	$("#openDoorPage").click(function(){
		top.location=window.location.origin+"/#/io-records-manage/io-records-list";
	})
	//点击开门类型  正常
	$("#normalOpenDoor").click(function(){
		top.location=window.location.origin+"/#/io-records-manage/io-records-list";
	})
	//点击异常报警
	$("#deviceEventPage").click(function(){
		top.location=window.location.origin+"/#/warning-manage/warning-device-list";
	})
	//点击开门次数
	$("#openTimes").click(function(){
		top.location=window.location.origin+"/#/io-records-manage/io-records-list";
	})
	//点击人员统计
	$("#personPage").click(function(){
		top.location=window.location.origin+"/#/user-manage/user-list";
	})
	//点击支付统计
	$("#payPage").click(function(){
		top.location=window.location.origin+"/#/payment-manage/pay-static";
	})
	//点击重点人员统计
	$("#importantPage").click(function(){
		top.location=window.location.origin+"/#/user-manage/watch-person-list";
	})

	setInterval(function(){
		getHomePageCount();
	},1000 * 5);
	setInterval(function(){
		openDoorRecord();
	},1000 * 120);
	getHomePageCount();
	openDoorRecord();
	payStatic();
})

//设备数量，报警消息，开门方式次数统计
function getHomePageCount(){
	$.ajax({
		url:url+"/core/home/page/getHomePageCount?access_token="+token,
		type:"get",
		success:function(res){
			if(res.status == 200){
				const data=res.data;
				$("#deviceSum").html(data.deviceSum);
				$("#deviceUseNum").html(data.deviceUseNum);
				$("#deviceAbnormalNum").html(data.deviceAbnormalNum);
				$("#eventSum").html(data.eventSum);
				$("#peopleSum").html(data.peopleSum);
				$("#peopleAddByTodayNum").html(data.peopleAddByTodayNum);
				$("#inoutType1").html(data.inoutType1);
				$("#inoutType3").html(data.inoutType3);
				$("#inoutType4").html(data.inoutType4);
				$("#inoutType5").html(data.inoutType5);
				//开门总数
				let sum=data.inoutType1 + data.inoutType3 + data.inoutType4 + data.inoutType5;
				//开门方式百分比
				let percentFace=GetPercent(data.inoutType1,sum);
				let percentLong=GetPercent(data.inoutType3,sum);
				let percentCard=GetPercent(data.inoutType4,sum);
				let percentBlueTooth=GetPercent(data.inoutType5,sum);
				$("#sum").html(sum);
				$("#percentFace").html(percentFace);
				$("#percentLong").html(percentLong);
				$("#percentCard").html(percentCard);
				$("#percentBlueTooth").html(percentBlueTooth);
				initPie(data);
			}
		}
	})
}


//开门记录
function openDoorRecord(){
	$.ajax({
		url:url+"/core/home/page/homePageRollList?access_token="+token,
		type:"get",
		success:function(res){
			if(res.status == 200){
				$("#peopleRecordInout").empty();
				$("#deviceEvent").empty();
				let peopleRecordInout=res.data.peopleRecordInout;
				let deviceEvent=res.data.deviceEvent;
				for(let item of peopleRecordInout){
					let inoutType="";
					if(item.inoutType == 1){
						inoutType="人脸识别";
					}else if(item.inoutType == 2){
						inoutType="可视对讲";
					}else if(item.inoutType == 3){
						inoutType="APP";
					}else if(item.inoutType == 4){
						inoutType="智能门卡";
					}else if(item.inoutType == 5){
						inoutType="蓝牙";
					}else if(item.inoutType == 6){
						inoutType="远程开门";
					}else if(item.inoutType == 7){
						inoutType="密码开门";
					}
					let $div=$("<div class='row'><span class='col'>"+item.inoutTime+"</span><span class='col'>"+item.deviceLocation+"</span>"
					+"<span class='col'>"+inoutType+"</span><span class='icon-dot'></span></div>");
					$("#peopleRecordInout").append($div);
				}
				for(let item of deviceEvent){
					let $div=$("<div class='row'><span class='col'>"+item.inoutTime+"</span><span class='col'>"+item.deviceLocation+"</span>"
					+"<span class='col'>"+item.eventName+"</span><span class='icon-dot'></span></div>");
					$("#deviceEvent").append($div);
				}
				 //滚动
				//原理：把marquee下面的子盒子都复制一遍 加入到marquee中
				//      然后动画向上滚动，滚动到一半重新开始滚动
				//因为选取的是两个marquee  所以要遍历
				$('.monitor .marquee').each(function (index, dom) {
					//将每个 的所有子级都复制一遍
					var rows = $(dom).children().clone();
					//再将新的到的加入原来的
					$(dom).append(rows);
				});
			}
		}
	})
}
//支付统计
function payStatic(){
	$.ajax({
		url:url+"/core/home/page/homePagePayCount?access_token="+token,
		type:"get",
		success:function(res){
			console.log(res);
			if(res.status == 200){
				let payByDay=res.data.payByDay;
				let payByWeek=res.data.payByWeek;
				let payByMonth=res.data.payByMonth;
				payByDay=payByDay.map(item => {
					return {payMoney:item.payMoney,day:item.day};
				})
				payByWeek=payByWeek.map(item => {
					return {payMoney:item.payMoney,day:item.week};
				})
				payByMonth=payByMonth.map(item => {
					return {payMoney:item.payMoney,day:item.month};
				})

				let objDay=getPayArray(payByDay);
				let objWeek=getPayArray(payByWeek);
				let objMonth=getPayArray(payByMonth);
				let obj={
					"objDay" : objDay,
					"objWeek" : objWeek,
					"objMonth" : objMonth
				}
				payCount(obj);
			}
		}
	})
}

function getPayArray(arr){
	let list=arr.reverse();
	let obj={
		arr1:[],
		arr2:[]
	};
	for(let item of list){
		let money=item.payMoney / 100;
		obj.arr1.push(money);
		obj.arr2.push(item.day);
	}
	return obj;
}


//开门类型
function initPie(res){
	//环形图
    var myechart = echarts.init($('.pie')[0]);
	var myechart2 = echarts.init($('.pie2')[0]);
   var option = {
       tooltip: {
           trigger: 'item'
       },
       legend: {
           left:"left",
		   top:"center",
		   orient: 'vertical',
		   textStyle:{
			   color:"#fff",
			   fontSize:'14'
		   }
       },
	   color:["#5470c6","#91cc75","#fac858","#ee6666"],
       series: [
           {
               name: '访问来源',
               type: 'pie',
               radius: ['30%', '60%'],
			   center:["65%","50%"],
               avoidLabelOverlap: false,
               label: {
                   show: false,
                   position: 'center',
               },
               emphasis: {
                   label: {
                       show: true,
                       fontSize: '20',
                   }
               },
               labelLine: {
                   show: false
               },
               data: [
                   {value: res.inoutType1, name: '人脸'},
                   {value: res.inoutType3, name: '远程'},
                   {value: res.inoutType4, name: '刷卡'},
                   {value: res.inoutType5, name: '蓝牙'},
               ]
           }
       ]
   };
   var option2 = {
       tooltip: {
           trigger: 'item'
       },
       legend: {
           left:"right",
   		   top:"center",
   		   orient: 'vertical',
   		   textStyle:{
   			   color:"#fff",
   			   fontSize:'14'
   		   }
       },
   	   color:["#5470c6","#91cc75","#fac858","#ee6666"],
       series: [
           {
               name: '访问来源',
               type: 'pie',
               radius: ['30%', '60%'],
   			   center:["32%","50%"],
               avoidLabelOverlap: false,
               label: {
                   show: false,
                   position: 'center',
               },
               emphasis: {
                   label: {
                       show: true,
                       fontSize: '20',
                   }
               },
               labelLine: {
                   show: false
               },
               data: [
                   {value: res.openAbnormal, name: '异常开门'},
                   {value: res.openTimeout, name: '门未关'},
				   {value: 0, name: '防拆'},
               ]
           }
       ]
   };
    myechart.setOption(option);
	myechart2.setOption(option2);
}


//支付统计
function payCount(res){
	var option = {
        //鼠标提示工具
        tooltip: {
            trigger: 'axis'
        },
        xAxis: {
            // 类目类型                                  
            type: 'category',
            // x轴刻度文字                                  
            data: res.objMonth.arr2,
            axisTick: {
                show: false//去除刻度线
            },
            axisLabel: {
                color: '#4c9bfd'//文本颜色
            },
            axisLine: {
                show: false//去除轴线  
            },
            boundaryGap: false//去除轴内间距
        },
        yAxis: {
            // 数据作为刻度文字                                  
            type: 'value',
            axisTick: {
                show: false//去除刻度线
            },
            axisLabel: {
                color: '#4c9bfd'//文本颜色
            },
            axisLine: {
                show: false//去除轴线  
            },
            boundaryGap: false//去除轴内间距
        },
        //图例组件
        legend: {
            textStyle: {
                color: '#4c9bfd' // 图例文字颜色

            },
            right: '10%'//距离右边10%
        },
        // 设置网格样式
        grid: {
            show: true,// 显示边框
            top: '20%',
            left: '3%',
            right: '4%',
            bottom: '3%',
            borderColor: '#012f4a',// 边框颜色
            containLabel: true // 包含刻度文字在内
        },
        series: [
		// {
        //     name: '预期销售额',
        //     // 数据                                  
        //     data: [24, 40, 101, 134, 90, 230, 210, 230, 120, 230, 210, 120],
        //     // 图表类型                                  
        //     type: 'line',
        //     // 圆滑连接                                  
        //     smooth: true,
        //     itemStyle: {
        //         color: '#00f2f1'  // 线颜色
        //     }
        // },
        {
            name: '实际销售额',
            // 数据                                  
            data: res.objMonth.arr1,
            // 图表类型                                  
            type: 'line',
            // 圆滑连接                                  
            smooth: true,
            itemStyle: {
                color: '#ed3f35'  // 线颜色
            }
        }]
    };
    var myechart = echarts.init($('.line')[0]);
    myechart.setOption(option);

    //点击效果
    var data = {
        month: {arr1:res.objMonth.arr1,arr2:res.objMonth.arr2},
        week:  {arr1:res.objWeek.arr1,arr2:res.objWeek.arr2},
		day:   {arr1:res.objDay.arr1,arr2:res.objDay.arr2}
    }
    $('.sales ').on('click', '.caption a', function (event) {
        $(this).addClass('active').siblings('a').removeClass('active');
        //option series   data
        //获取自定义属性值
        var key = $(this).attr('data-type');
        //取出对应的值
        key = data[key];
        //将值设置到 图表中
        option.series[0].data = key.arr1;
		option.xAxis.data = key.arr2
        //再次调用才能在页面显示
        myechart.setOption(option);
		event.stopPropagation();
    });
    //定时器
    var index = 0;
    var timer = setInterval(function () {
        index++;
        if (index > 3) {
            index = 0;
        };
        $('.sales .caption a').eq(index).click();
    }, 5000);
}


//计算百分比
function GetPercent(num, total) {
    return total <= 0 ? "0%" : (Math.round(num / total * 10000) / 100.00)+"%";
}